<template>
  <div>
    <!-- 公共头部开始 -->
    <header-tab></header-tab>
    <!-- 公共头部结束 -->
    <!-- 导航栏111111111 -->
    <van-row id="tab1">
      <router-link to="/">
        <van-col span="6">首页</van-col>
      </router-link>
      <router-link to>
        <van-col span="6">目的地</van-col>
      </router-link>
      <router-link to>
        <van-col span="6">游记</van-col>
      </router-link>
      <router-link to>
        <van-col span="6">酒店</van-col>
      </router-link>
    </van-row>
    <!-- 导航栏1111111111 -->
    <!-- 导航栏222222222 -->
    <van-row id="tab2">
      <van-col span="4">
        <div class="title">.</div>
      </van-col>
      <router-link to>
        <van-col span="16">
          <span class="tag">"中国台湾单词旅游入台证"</span>
          <span class="price">
            <em>￥</em>
            <strong>159</strong>起
          </span>
        </van-col>
      </router-link>
      <router-link to>
        <van-col span="4">更多</van-col>
      </router-link>
    </van-row>
    <!-- 导航栏222222222 -->
    <!-- 宫格栏开始 -->
    <van-grid :gutter="10" direction="horizontal" :column-num="3">
      <van-grid-item text="买票" />
      <van-grid-item text="机票" />
      <van-grid-item text="火车票" />
    </van-grid>
    <van-grid :gutter="10" direction="horizontal" :column-num="3">
      <van-grid-item text="一日游" />
      <van-grid-item text="多日游" />
      <van-grid-item text="旅游推荐" />
    </van-grid>
    <!-- 宫格栏结束 -->
    <!-- 旅游推荐开始 -->
    <div id="bkrm">
      <span>旅游推荐</span>
    </div>
    <!-- 旅游推荐结束 -->
    <!--数据库获取图片展示开始  -->
    <exhibition></exhibition>
    <!--数据库获取图片展示结束  -->
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
#tab1 {
  background: #ffba33;
  line-height: 43px;
  text-align: center;
  border-bottom: 1px solid rgb(183, 181, 185);
}
#tab1 a {
  color: white;
}
#tab2 {
  line-height: 31px;
  padding: 7.5px 0;
  color: white;
  text-align: center;
  border-bottom: 1px solid rgb(183, 181, 185);
}
.title {
  background-size: 100%;
  background-position-x: 20px;
}
.price,
.tag {
  font-size: 10;
}
#bkrm {
  width: 100%;
  height: 50px;
  margin: 5px 0;
}
#bkrm span {
  font-size: 25px;
  line-height: 50px;
  color: #999;
  width: 100px;
  display: inline-block;
  margin-left: 40%;
}
</style>
